<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动的Bug问题</title>
		<link rel="stylesheet" href="css/浮动Bug.css" />
		<style></style>
	</head>
	<body>
		<!-- 浮动 元素一旦浮动起来，页面由元素之间嵌套形成
		 float属性一定会浮动bug，主要bug有两个
		 1.浮动塌陷:具备元素之间嵌套，父元素没有指定高度，子元素浮动
		           找到父级元素，指定溢出隐藏，子元素当作高度做隐藏
		 2.浮动卡动 ：父级宽度不够，某个子元素高超过其他元素
		          ①：找到父元素宽度：加宽或者加高
				  ②：找到卡住元素，清除浮动 推荐
		 -->
		 <div id="father">
		 	<div class="d1">1</div>
		 	<div class="d2">2</div>
		 	<div class="d3">3</div>
		 	<div class="d4">4</div>
		 	<div class="d5">5</div>
		 </div>
	</body>
</html>